<html>
<head>
  <script type="text/JavaScript" src="/javascripts/jquery.js"></script>
  <script type="text/JavaScript" src="/javascripts/base64.js"></script>
  <script type="text/JavaScript" src="/javascripts/saucy.js"></script>
  <style>
  h1#hello {height:165px; }
  p.goodbye { height:65px;  }
  div#gradient { background-repeat: repeat-x}
  </style>
  <script>
  $jq(function(){
    Saucy.mode = "active"
    Saucy.replace_text(["h1#hello", "p.goodbye", "h1#hello"])
    Saucy.replace_gradient(["div#gradient", "body"])
  })
  </script>
</head>
<body>
  <h1 id=hello>Bon Jour!</h1>

  <p class=goodbye>
  Au revoir
  </p>
  <p class=goodbye>See ya!</p>
  <div id=gradient>
  </div>
</body>
</html>
